export default function tipsFn(config) {
  /*
   * 用于网页中的提示信息
   * @params content {String} 必填,提示文字
   * @params time {Number} 选填,默认3000毫秒,0为永久显示
   * @params position {String} 选填,默认居中,可自定义css,如position:'top:10px;left:10px;',甚至可以在其中写入z-index用来覆盖原层级
   * @params fn {Function} 选填,提示消失后的回调函数
   *
   * return dom,dom有个close方法,可在time为0时用于手动关闭
   */
  var defaultConfig = {
    content: "必填项",
    time: 3000,
    position: "",
    fn: function () {}
  };
  config = Object.assign({}, defaultConfig, config);
  var oDiv = document.createElement("div");
  oDiv.innerHTML =
    '<div style="position:fixed;background-color:rgba(0,0,0,.6);color:#fff;border-radius:2px;z-index:1989;padding:5px 10px;top:50%;left:50%;transform:translate(-50%,-50%);' +
    config.position +
    '">' +
    config.content +
    "</div>";
  document.body.appendChild(oDiv);

  if (config.time > 0) {
    setTimeout(() => {
      oDiv.remove();
      config.fn();
    }, config.time);
  }

  oDiv.close = function () {
    this.remove();
  };

  return oDiv;
}
